<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>酒店详情</title>
    <meta name="applicable-device" content="pc">


    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/ieDialog.css">
    <link rel="stylesheet" href="../css/detail/detail.css">
    <meta name="csrf-token" content="qAvGE65HBy6gAo6T9jUrkXtlmOuaaiMGVaBezCy8">
    <script src="../js/jquery.min.js?id=0e8b7d96265599258e88"></script>
    <script src="../js/detail.js"></script>
    <script src="../js/hotelDetail.js"></script>
</head>

<body>

<style>


</style>

<div class="crumbs-nav"><a href="index.html" class="item right-arrow" target="_blank"> <span class="text ">首页</span>
</a>
    <a class="item " target="_blank"><span class="text no-hover" id="hotelTitleId">上海浦东丽思卡尔顿酒店</span> </a></div>

<div class="detail-content clear-fix">
    <div id="J_detailLeftBox" class="detail-left float-left">
        <div id="J_imgTable" class="img-table">
            <div class="img-view">

                <div class="view-btn-prev" id="J_imgViewPrev" onclick="next(-1)">
                    <div class="btn btn-prev"></div>
                </div>

                <img id="J_mainImg" class="curr-img lazyload" data-haspic="1" />

                <div class="view-btn-next" id="J_imgViewNext" onclick="next(1)">
                    <div class="btn btn-next"></div>
                </div>


                <div class="img-nav clear-fix">
                    <ul class="img-type type-nav" id="J_imgTableTypes">
                        <li class="nav-item active" data-type="0" onclick="chooseScene(this)">会场</li>
                        <li class="nav-item " data-type="1" onclick="chooseScene(this)">外观</li>
                        <li class="nav-item " data-type="2" onclick="chooseScene(this)">环境</li>
                        <li class="nav-item " data-type="3" onclick="chooseScene(this)">大堂</li>
                        <li class="nav-item " data-type="4" onclick="chooseScene(this)">娱乐</li>
                    </ul>
                   </div>
                <div class="img-supernatant"></div>
            </div>
            <div class="img-preview">
                <div id="J_prevBtn" data-type="0" class="btn btn-prev" onclick="secondPrev(8)"></div>
                <ul id="J_imgList1" class="img-list">

                </ul>
                <div id="J_nextBtn" data-type="1" class="btn btn-next" onclick="secondNext(8)"></div>
            </div>
        </div>
        <div id="J_infoNav">


        </div>


        <div id="J_hotelDesc" class="desc-hr"></div>
        <div class="desc-title" >酒店简介</div>
        <ul class="desc-items">
            <li class="desc-item">
                <div class="item-title">开业时间</div>
                <div class="item-val" id="openingTimeId"></div>
            </li>
            <li class="desc-item">
                <div class="item-title">最近装修时间</div>
                <div class="item-val" id="decorationTimeId"></div>
            </li>
            <li class="desc-item">
                <div class="item-title">酒店简介</div>
                <div class="item-val desc" id="hotelIntroduceId">
                </div>

            </li>
        </ul>
        <div class="likeness-hotel" style="" id="J_likenessHotelWrap"></div>
    </div>
    <div class="detail-right float-right">
        <div class="base-info">
            <h1 class="hotel-name"></h1>
            <div class="address"></div>

            <ul class="icon-group" style="background:#fff ">
                <li>
                    <div class="icon icon-area"></div>
                    <div class="icon-info" id="hotelArea"> </div>
                    <div class="icon-title">会场面积</div>
                </li>
                <li>
                    <div class="icon icon-people"></div>
                    <div class="icon-info" id="numOfPeople"> </div>
                    <div class="icon-title">容纳人数</div>
                </li>
                <li>
                    <div class="icon icon-conf"></div>
                    <div class="icon-info" id="numOfMeet"></div>
                    <div class="icon-title">会场总数</div>
                </li>
                <li>
                    <div class="icon icon-price"></div>
                    <div class="icon-info" id="price"></div>
                    <div class="icon-title">会场参考价</div>
                </li>
                <li>
                    <div class="icon icon-room"></div>
                    <div class="icon-info" id="numOfRoom"></div>
                    <div class="icon-title">客房数量</div>
                </li>
                <li>
                    <div class="icon icon-stop"></div>
                    <div class="icon-info" id="numOfPark"></div>
                    <div class="icon-title">停车位数</div>
                </li>
            </ul>
            <ul class="text-info">
                <!--<li class="room-price">客房参考价：￥-</li>-->
                <li class="rec-dec" id="decorationTime"></li>
                <li class="open-time" id="openingTime"></li>
            </ul>

            <div class="feature-info">
                <div class="feature-title">酒店特色</div>
                <div class="feature-tags">
                    <span class="feature-tag">无柱</span>
                    <span class="feature-tag">场地方正</span>
                    <span class="feature-tag">景区周边</span>
                    <span class="feature-tag">特色聚点</span>
                    <span class="feature-tag">泳池</span>
                    <span class="feature-tag">免费WIFI</span>
                </div>
            </div>

        </div>
        <div class="detail-form-banner" id="J_rightForm"></div>
    </div>
</div>
<div class="fixed-right" id="J_fixedRight"></div>
<div class="consult-dialog-wrap" id="J_consultDialog"></div>

<div class="footer-wrap" >
    <div class="footer-cont">
        <div class="abort-cont">
            <div class="abort-desc">
                <div class="abort-top"><a class="for-reference" target="_blank" href="http://www.huiyibeibei.com">
                    <i></i>沪ICP备2020027513号-1 </a> <span><i>上海贝依会务服务有限公司</i></span></div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="J_consDialogTemp"></script>


<script>
    window.onload = function () {
        queryHotelDetail();



    }
</script>
<script>



    (function (para) {
    let p = para.sdk_url, n = para.name, w = window, d = document, s = 'script', x = null, y = null;
    w['sensorsDataAnalytic201505'] = n;
    w[n] = w[n] || function (a) {
        return function () {
            (w[n]._q = w[n]._q || []).push([a, arguments]);
        }
    };
    let ifs = ['track', 'quick', 'register', 'registerPage', 'registerOnce', 'clearAllRegister',
        'trackSignup', 'trackAbtest', 'setProfile', 'setOnceProfile', 'appendProfile', 'incrementProfile', 'deleteProfile', 'unsetProfile', 'identify', 'login', 'logout', 'trackLink', 'clearAllRegister', 'getAppStatus'];
    for (let i = 0; i < ifs.length; i++) {
        w[n][ifs[i]] = w[n].call(null, ifs[i]);
    }
    if (!w[n]._t) {
        x = d.createElement(s), y = d.getElementsByTagName(s)[0];
        x.async = 1;
        x.src = p;
        y.parentNode.insertBefore(x, y);
        w[n].para = para;
    }
})({
    sdk_url: "../js/sensorsdata.js",
    name: 'sa',
    heatmap: {}
});
sa.quick('autoTrack', {}); </script>

</body>
</html>